import React from 'react';
import {StyleSheet} from 'react-native';
import LottieView from 'lottie-react-native';
import loadingJson from './no-data-lottie.json';

const NoData = (): JSX.Element => {
  return (
    <LottieView
      source={loadingJson}
      autoPlay={true}
      loop={true}
      style={[styles.container]}
    />
  );
};

const styles = StyleSheet.create({
  container: {
    display: 'flex',
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center',
    width: '100%',
    height: '40%',
  },
});

export default NoData;
